<!DOCTYPE html>
<html>
	{include file="head.html"}
	<link href="/plugin/swiper/css/swiper.min.css" rel="stylesheet" />
	 
	<body>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">{$data.title}</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body mgb-10"> 
			{if $data.videourl!=''}
			<video 
				style="width: 100%;margin-bottom: 10px;"
				src="{$data.videourl}" 
				x5-playsinline="true"
				x-webkit-airplay="true"
				 playsinline="true" 
				 webkit-playsinline="true" 
			  controls="controls" autoplay=""></video>
			{/if}
			<div class="swiper-container" style="width: 100%;" id="indexFlash">
				<div class="swiper-wrapper" >
					{foreach item=c from=$imgsdata}
					<div class="swiper-slide">
						<img class="imgWidth" src="{$c.trueimgurl}" />
					</div>
					{/foreach}
				</div>
				 
				<div class="swiper-pagination flex flex-jc-center"></div>
			 
			</div>
			<div class="row-box">
				<div class="d-title">{$data.title}</div>
				<div class="d-tool bg-white">
					{$data.author}  {$data.createtime|cutstr:11}
				</div>
			</div>
			
			<div class="pd-10 bg-fff">
				<div class="d-content"> {$data.content} </div>
			</div>
		</div>
		{include file="inc/comment.html"}
		{include file="footer.html"}
		<script src="{$skins}inc/comment.js?{const.JS_VERSION}"></script>
		<?php wx_jssdk();?> 
		<script type="text/javascript">
			wxshare_title="{$data.title}";
			{if $data.imgurl} 
			 wxshare_imgUrl="{$data.imgurl|images_site}.100x100.jpg";
			 {/if}
		</script>
		<script>
			setTimeout(function(){
				$.get("/index.php?m=article&a=addclick&id={$data.id}&ajax=1")
			},3000);
			
		</script>
		<script src="/plugin/swiper/js/swiper.min.js"></script>
		<script>
			$(function(){
				if($("#indexFlash .swiper-slide").length>0){
					var flash = new Swiper("#indexFlash", {
						pagination: {
							el: '.swiper-pagination',
						}
					});
				}else{
					$("#indexFlash").hide();
				}
				
			})
			
		</script>
	</body>
	
</html>